<template>
  <div class="bill">
    <div>
      <!-- 面包屑导航 -->
      <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{ path: '/home' }">
          <i class="el-icon-s-home"></i>
          首页
        </el-breadcrumb-item>
        <el-breadcrumb-item :to="{ path: '/finance/integral' }">
          <i class="el-icon-coin"></i>
          财务管理
        </el-breadcrumb-item>
        <!-- 当前 -->
        <el-breadcrumb-item>对账单管理</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <div class="content">
      <div class="border-box">
        <ul
          style="list-style: none;line-height: 30px;letter-spacing: 1px;font-size: 14px;font-weight: 500;text-indent: 10px;">
          <li>下载对账单</li>
          <li>每日9:00前完成数据更新，当前数据更新至 2020-08-13</li>
          <li>微信在次日9点启动生成前一天的对账单，建议商户10点后再获取;</li>
          <li>对账单中涉及金额的字段单位为“元”。</li>
          <li>下载账单接口为单日期接口，请尽量保持账单时间段不要过长。</li>
        </ul>
      </div>
      <div style="margin-top: 30px;width: 100%">
        <div>
          账单类型
          <el-radio-group v-model="radio">
            <el-radio :label="3" value="所有账单">所有账单</el-radio>
            <el-radio :label="6">支付账单</el-radio>
            <el-radio :label="9">退款账单</el-radio>
          </el-radio-group>
        </div>
        <div style="margin-top: 10px;">
          数据类型
          <el-radio-group v-model="radio2">
            <el-radio :label="3" value="所有账单">所有账单</el-radio>
            <el-radio :label="6">仅商城账单</el-radio>
          </el-radio-group>
        </div>
      </div>
      <div style="margin-top: 40px;width: 100%;padding: 0px 0;">
        <el-date-picker style="position: relative;top: 50%;transform: translateY(-50%);" v-model="value1" type="daterange"
          range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
        </el-date-picker>
      </div>
      <div>
        <el-button>下载账单</el-button>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      radio: 3,
      radio2:3,
      value1:''
    }
  },
  methods: {

  }
}
</script>
<style scoped>
.bill {
  width: 100%;
  overflow: hidden;
}

.content {
  width: 85%;
  margin: 30px auto;
  padding: 20px 0;
  overflow: hidden;
  /* background-color: pink; */
}

.border-box {
  width: 50%;
  padding: 20px 40px 100px 0;
  /* height: 100px; */
  border: 1px solid #949494;
}
</style>